$(function(){
	load();
	load2();
})

function load() {
	$('#exampleTable').bootstrapTable({
		method : 'POST', // 服务器数据的请求方式 get or post
		url : ip + 'parkcase/caseDataCallback/waitCallbackList', // 服务器数据的加载地址
		iconSize : 'outline',
		toolbar : '#exampleToolbar',
		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		singleSelect : false, // 设置为true将禁止多选
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		showColumns : false, // 是否显示内容下拉框（选择显示的列）
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		queryParams : function(params) {
			var paramsJSON = {
				limit : params.limit,
				offset : params.offset,
				customerId : $("#customerId").val(),
				projectId : $("#projectId").val(),
				ciId : $("#ciId").val()
			};
			return JSON.stringify(paramsJSON);

		},
		columns : [
			{
				checkbox:true
			},
			{
				field : 'customerName',
				title : '客户',
			},
			{
				field : 'projectName',
				title : '项目'
			},
			{
				field : 'ciName',
				title : '配置项',
			},
			{
				field : 'linkMan',
				title : '联系人',
			},
			{
				field : 'linkManMobile',
				title : '电话',
			},
			{
				field : 'address',
				title : '地址',
			},
			{
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row, index) {
					var q = '<a  class="btn warning btn-sm" href="#" mce_href="#" title="查看工单" onclick="showCase(\''
						+ row.caseDataId
						+ '\')"><img src= "'+SERVER_URL+'static/img/detail.png"></a> ';
					var e = '<a  class="btn warning btn-sm" href="#" mce_href="#" title="回访" onclick="docall(\''
						+ value
						+ '\')"><img src= "'+SERVER_URL+'static/img/edit.png"></a> ';
					var d = '<a class="btn warning btn-sm" href="#" title="关闭"  mce_href="#" onclick="remove(\''
						+ value
						+ '\')"><img src= "'+SERVER_URL+'static/img/remove.png"></a> ';
				   return q + e + d;
				}
			} ]
	});
}

function reload() {
	$('#exampleTable').bootstrapTable('refresh');
}

function load2() {
	$('#exampleTable2').bootstrapTable({
		method : 'POST', // 服务器数据的请求方式 get or post
		url : ip + 'parkcase/caseDataCallback/callbackedList', // 服务器数据的加载地址
		iconSize : 'outline',
		toolbar : '#exampleToolbar',
		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		singleSelect : false, // 设置为true将禁止多选
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		showColumns : false, // 是否显示内容下拉框（选择显示的列）
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		queryParams : function(params) {
			var paramsJSON = {
				limit : params.limit,
				offset : params.offset,
				customerId : $("#customerId2").val(),
				projectId : $("#projectId2").val(),
				ciId : $("#ciId2").val()
			};
			return JSON.stringify(paramsJSON);

		},
		columns : [
			{
				field : 'customerName',
				title : '客户',
			},
			{
				field : 'projectName',
				title : '项目'
			},
			{
				field : 'ciName',
				title : '配置项',
			},
			{
				field : 'callbackUserName',
				title : '回访人',
			},
			{
				field : 'callbackTime',
				title : '回访时间',
			},
			{
				field : 'callbackRecord',
				title : '回访内容',
				formatter : function(value, row, index) {
					return '<a href="javascript:void(0);" onclick="showAll(\''+row.callbackRecord+'\')">'+row.callbackRecord.substring(0,10)+'...</a>';
				}
			},
			{
				field : 'callbackScore',
				title : '服务评价',
				formatter : function(value, row, index) {
					var list = getDictTypeFromLocalStorage("callbackScore");
					for (var i = 0; i < list.length; i++) {
						if(list[i].value == value){
							return list[i].name;
						}
					}
				}
			},
			{
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row, index) {
					var q = '<a  class="btn warning btn-sm" href="#" mce_href="#" title="查看工单" onclick="showCase(\''
						+ row.caseDataId
						+ '\')"><img src= "'+SERVER_URL+'static/img/detail.png"></a> ';
				   return q;
				}
			} ]
	});
}

function reload2() {
	$('#exampleTable2').bootstrapTable('refresh');
}

function showAll(str){
	layer.open({
		type: 1,
		title: '回访内容',
		skin: 'layui-layer-lan', //加上边框
		area: ['320px', '200px'], //宽高
		content: '&nbsp;&nbsp;&nbsp;&nbsp;'+str
    })
}

function docall(id){
	layer.open({
		type : 2,
		title : '回访',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '100%', '100%' ],
		content : '../../../templates/parkcase/callback/docall.html',
		success: function(layero, index){
			var body = layer.getChildFrame('body',index);//建立父子联系
			$(body).find('input[id=idInput]').val(id);
			var iframeWin = window[layero.find('iframe')[0]['name']];
			iframeWin.init();
       }
	});
}

function remove(id){
	layer.confirm("确认要关闭选中的回访吗?", {
		btn : [ '确定', '取消' ]
	// 按钮
	}, function() {
		$.ajax({
			type : 'POST',
			data : "id="+id,
			url : ip + 'parkcase/caseDataCallback/close',
			success : function(r) {
				if (r.code == 0) {
					layer.msg("关闭成功");
					reload();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {});
}

function batchRemove(){
	var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要关闭的回访");
		return;
	}
	layer.confirm("确认要关闭选中的" + rows.length + "条回访吗?", {
		btn : [ '确定', '取消' ]
	// 按钮
	}, function() {
		var ids = new Array();
		// 遍历所有选择的行数据，取每条数据对应的ID
		$.each(rows, function(i, row) {
			ids[i] = row['id'];
		});
		$.ajax({
			type : 'POST',
			data : {
				ids : ids
			},
			url : ip + 'parkcase/caseDataCallback/batchClose',
			success : function(r) {
				if (r.code == 0) {
					layer.msg("关闭成功");
					reload();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {});
}


function showCase(id){
	//弹出工单详情查看页面，待工单功能完成后弹出
	parent.layer.alert("弹出工单详情查看页面，待工单功能完成后弹出。");
	/*layer.open({
		type : 2,
		title : '回访',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '100%', '100%' ],
		content : '../../../templates/parkcase/callback/docall.html',
		success: function(layero, index){
			var body = layer.getChildFrame('body',index);//建立父子联系
			$(body).find('input[id=idInput]').val(id);
			var iframeWin = window[layero.find('iframe')[0]['name']];
			iframeWin.init();
       }
	});*/
}